

/*垂直居中*/
.vertical-middle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/*垂直水平居中*/
.horizontal-vertical-middle{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/*垂直居中，水平靠右*/
.vertical-middle-horizontal-right {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
/*水平居中，垂直靠下*/
.horizontal-middle-vertical-bottom{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
}


.flex{
  display: -webkit-flex;
  display: flex;
}

//水平布局
.horizontal-layout{
  flex-direction: row;
}

//垂直居中
.vertical-layout{
  flex-direction: column;
}

//水平居中
.horizontal-middle{
  justify-content: center;
  display: flex;
}




